@import "app/variables.scss";

.categories {
  display: inline-flex;
  gap: 1px;
  background: $gray;
  border-radius: 8px;


  &__button {
    background: none;
    border: none;
    padding: 10px;
    outline: none;
    cursor: pointer;
  }

  &__buttonActive {
    color: $activeText;
    font-weight: bold;
  }

  &__item {
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 5px;

  }

  &__itemActive {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 5px;
    filter: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06));
  }
}